import 'package:buttons_tabbar/buttons_tabbar.dart';
import 'package:flutter/material.dart';
import 'package:ichinesereader/pages/teacher/skillBuildingGrammer.dart';
import 'package:ichinesereader/pages/teacher/skillBuildingQuickReview.dart';
import 'package:ichinesereader/pages/teacher/skillBuildingWords.dart';
import 'package:ichinesereader/utils/log.dart';
import '../../themes/appTheme.dart';

class TeacherReportSkillBuilding extends StatefulWidget {
  TeacherReportSkillBuilding({
    Key? key,
  }) : super(key: key);
  static const String routeName = '/reports/skillBuilding';

  _TeacherReportSkillBuilding createState() =>
      new _TeacherReportSkillBuilding();
}

class _TeacherReportSkillBuilding extends State<TeacherReportSkillBuilding>
    with TickerProviderStateMixin {
  @override
  void initState() {
    super.initState();
  }

  Widget build(BuildContext context) {
    Log.debug('build teacher reports skill building page');

    return DefaultTabController(
      length: 3,
      child: Scaffold(
        backgroundColor: Colors.transparent,
        body: Column(
            crossAxisAlignment: CrossAxisAlignment.end,
            children: <Widget>[
              ButtonsTabBar(
                radius: 3.0,
                backgroundColor: AppTheme.colors.orangeBtn,
                contentPadding: EdgeInsets.symmetric(horizontal: 12.0),
                tabs: [
                  Tab(text: 'Words'),
                  Tab(text: 'Grammar'),
                  Tab(text: 'Quick Review'),
                ],
                // Words,
                // Grammar,
                // Quick Review,
              ),
              Expanded(
                child: TabBarView(
                  children: [
                    SkillBuildingWords(),
                    SkillBuildingGrammer(),
                    SkillBuildingQuickReview()
                  ],
                ),
              ),

              // Row(
              //   mainAxisAlignment: MainAxisAlignment.end,
              //   children: [
              //     Spacer(),
              //     Container(
              //       height: 66.0,
              //       width: 321.0,
              //       padding: EdgeInsets.symmetric(vertical: 12.0),
              //       child: ListView(
              //         scrollDirection: Axis.horizontal,
              //         children: <Widget>[
              //           ChoiceChip(
              //             selected: _isSelected,
              //             selectedColor: AppTheme.colors.orangeBtn,
              //             label: Text('Words'),
              //             labelStyle: TextStyle(
              //                 color: _isSelected ? Colors.red : Colors.black),
              //             onSelected: (bool selected) {
              //               setState(() {});
              //             },
              //           ),
              //           Padding(
              //             padding: const EdgeInsets.symmetric(horizontal: 6.0),
              //             child: ChoiceChip(
              //               selected: _isSelected,
              //               selectedColor: AppTheme.colors.orangeBtn,
              //               label: Text('Grammar'),
              //               labelStyle: TextStyle(
              //                   color: _isSelected ? Colors.red : Colors.black),
              //               onSelected: (bool selected) {
              //                 setState(() {});
              //               },
              //             ),
              //           ),
              //           ChoiceChip(
              //             selected: _isSelected,
              //             selectedColor: AppTheme.colors.orangeBtn,
              //             label: Text('Quick Review'),
              //             onSelected: (active) {
              //               setState(() {});
              //             },
              //           ),
              //
              //           // InkWell(
              //           //   onTap: () {
              //           //     Get.to(
              //           //       () => SkillBuildingWords(),
              //           //     );
              //           //   },
              //           //   child: Container(
              //           //     height: 60.0,
              //           //     padding: EdgeInsets.symmetric(
              //           //         horizontal: 21.0, vertical: 12.0),
              //           //     color: Colors.grey[100],
              //           //     child: const Center(
              //           //       child: Text(
              //           //         'Words',
              //           //         style: TextStyle(color: Colors.grey),
              //           //       ),
              //           //     ),
              //           //   ),
              //           // ),
              //           // Padding(
              //           //   padding: const EdgeInsets.symmetric(horizontal: 6.0),
              //           //   child: InkWell(
              //           //     onTap: () {
              //           //       Get.to(
              //           //         () => SkillBuildingGrammer(),
              //           //       );
              //           //     },
              //           //     child: Container(
              //           //       height: 60.0,
              //           //       padding: EdgeInsets.symmetric(
              //           //           horizontal: 21.0, vertical: 12.0),
              //           //       color: Colors.grey[100],
              //           //       child: const Center(
              //           //         child: Text(
              //           //           'Grammar',
              //           //           style: TextStyle(color: Colors.grey),
              //           //         ),
              //           //       ),
              //           //     ),
              //           //   ),
              //           // ),
              //           // InkWell(
              //           //   onTap: () {
              //           //     Get.to(() => SkillBuildingQuickReview());
              //           //   },34=]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]4
              //           //   child: Container(
              //           //     height: 60.0,
              //           //     padding: EdgeInsets.symmetric(
              //           //         horizontal: 21.0, vertical: 12.0),
              //           //     color: Colors.grey[100],
              //           //     child: const Center(
              //           //       child: Text(
              //           //         'Quick Review',
              //           //         style: TextStyle(color: Colors.grey),
              //           //       ),
              //           //     ),
              //           //   ),
              //           // )
              //         ],
              //       ),
              //     ),
              //   ],
              // ),
              // Expanded(
              //   child: SkillBuildingWords(),
              // ),

              // Container(
              //   height: 60.0,
              //   child: _pageStyles.buildTabBar([
              //     'Words'.tr,
              //     'Grammar'.tr,
              //     'Quick Review'.tr,
              //   ]),
              // ),
              // Expanded(
              //   child: TabBarView(
              //     children: [
              //       SkillBuildingWords(),
              //       SkillBuildingGrammer(),
              //       SkillBuildingQuickReview()
              //     ],
              //   ),
              // ),
            ]),
      ),
    );
  }
}
